Imagen del perfil en los comentarios de la página principal

Este hack ha dejado de funcionar tal y como indica el título con la imagen del perfil en los comentarios, si sigues los pasos conseguirás en todos los comentarios la imagen que añades para los comentarios anónimos.

El creador de este hack es Purple Moggy lleva más o menos un año funcionando pero hasta ahora no me había decidido a probarlo.
Cuando clicamos en una categoría o título de una entrada nos muestra los comentarios con la imagen del autor. Si el autor del comentario no tuviera imagen en el perfil o al comentar lo hiciera como anónimo mostraría una imagen añadida por nosotros.
Para aplicarlo nos situaremos en Plantilla/Edicion de HTML y marcaremos en Expandir plantilla de artilugios
Buscaremos lo siguiente y añadiremos lo señalado en negrita:

<dl id='comments-block'>
<b:loop values='data:post.comments' var='comment'>
<dt class='comment-author' expr:id='"comment-" + data:comment.id'>
<div class='commentphoto' style='float:right;'/>
<a expr:name='"comment-" + data:comment.id'/>
<b:if cond='data:comment.authorUrl'>
<a expr:href='data:comment.authorUrl' rel='nofollow'><data:comment.author/></a>
<b:else/>
<data:comment.author/>
</b:if>
<data:commentPostedByMsg/>
</dt>
<dd class='comment-body'>
<b:if cond='data:comment.isDeleted'>
<span class='deleted-comment'><data:comment.body/></span>
<b:else/>
<p><data:comment.body/></p>
</b:if>
</dd>
<dd class='comment-footer'>
<span class='comment-timestamp'>
<a expr:href='"#comment-" + data:comment.id' title='comment permalink'>
<data:comment.timestamp/>
</a>
<b:include data='comment' name='commentDeleteIcon'/>
</span>
</dd>
<div style='clear:both;'/>
</b:loop>
</dl>

El siguiente Script lo añadiremos justo antes de </head>

<script src='url_archivo_blogger_comment_photos.js' type='text/javascript'/>

<script type='text/javascript'>
//<![CDATA[
BloggerProfiles.noimage =
'url-de-imagen-para-anónimos'
BloggerProfiles.imageWidth = 60;
BloggerProfiles.imageHeight = 75;
addLoadEvent(function(){showCommentPhotos('commentphoto','comment-author',
1);});
//]]></script>

Descargamos el archivo comment_photos.js y lo alojamos en nuestro servidor, una vez obtenemos la url la añadimos en el anterior scripts en lugar de url_archivo_blogger_comment_photos.js

Modificaciones que podemos realizar:

La imagen sale a la derecha si deseamos que aparezca a la izquierda en el primer código sustituimos right por left.

El tamaño de las imágenes lo podemos modificar en el Script (imageWidth = 60;) y (imageHeight = 75;)

Donde dice (url-de-imagen-para-anónimos) es el lugar donde añadiremos la url de la imagen escogida para nuestros visitantes anónimos y aquellos que no tengan imagen en el perfil.

Si optamos por agregar la imagen a la izquierda (left) podemos encontrarnos el efecto de imagen pegada al borde izquierdo, para dejar un espacio haremos lo siguiente:
Nos situamos en el CSS de nuestra plantilla y añadimos:
.commentphoto img {
margin: 2px;
}

Ante la duda podemos añadirlo justo antes de ]]></b:skin>

Si tienes problemas para ubicar en la plantilla algún código sigue estos sencillos pasos.